<div class="wrap" v-if="loginInfo">


    <div class="cell">
        <div class="hh">{{loginInfo.platform.name}}</div>
        <div class="mm userInfo">

            <div class="top">
                <div class="in">
                    <el-popover placement="bottom-start" title="" trigger="click"
                        @show="showCode()">
                        <ShareQrcodeBox ref="shareQrcodeBoxHome" :appWindow="appWindow"></ShareQrcodeBox>
                        <div class="ul" slot="reference">
                            <div class="li">
                                <div class="iconfont icon-platform-wechat"></div>
                            </div>
                            <div class="li">
                                <div class="iconfont icon-platform-wxapp"></div>
                            </div>
                            <div class="li">
                                <div class="iconfont icon-platform-ios"></div>
                            </div>
                            <div class="li">
                                <div class="iconfont icon-platform-android"></div>
                            </div>
                        </div>
                    </el-popover>
                </div>

                <div class="info">
                    <div class="text">
                        <div class="t1">{{loginInfo.nickName}}</div>
                        <div class="t2" v-if="!$vFN.Utils.isEmpty(loginInfo.validityType)"> <i class="el-icon-time"></i>
                            <span v-if="loginInfo.validityType === 1">到期时间: {{loginInfo.validityTime}}</span>
                            <span v-if="loginInfo.validityType === 2">到期时间: 无期限</span>
                        </div>
                    </div>
                    <div class="face">
                        <imageBox :src="loginInfo.icon" alt=""></imageBox>
                    </div>

                </div>
            </div>



        </div>
    </div>
    <div class="cell">
        <div class="hh">实时概况</div>


        <div class="mm dataWrap">
            <div class="li">
                <div class="icon"><i class="el-icon-bank-card"></i></div>
                <div class="text">
                    <div class="info">
                        待付款订单
                    </div>
                    <div class="sum">{{loginInfo.homeStatistics.payCount}}</div>

                </div>
            </div>
            <div class="li">
                <div class="icon"><i class="el-icon-box"></i></div>
                <div class="text">
                    <div class="info">
                        待发货订单
                    </div>
                    <div class="sum">{{loginInfo.homeStatistics.deliveryCount}}</div>

                </div>
            </div>
            <div class="li">
                <div class="icon"><i class="el-icon-service"></i></div>
                <div class="text">
                    <div class="info">
                        待处理售后
                    </div>
                    <div class="sum">{{loginInfo.homeStatistics.pendingCount}}</div>

                </div>
            </div>
            <div class="li">
                <div class="icon"><i class="el-icon-takeaway-box"></i></div>
                <div class="text">
                    <div class="info">
                        已售罄商品
                    </div>
                    <div class="sum">{{loginInfo.homeStatistics.sellOutCount}}</div>

                </div>
            </div>
        </div>

    </div>

    <div class="cell" v-if="manageInfo">
        <div class="hh">

            <div class="t1">经营概况</div>
            <div class="t2"></div>
            <div class="t3"></div>
            <div class="t4">
                <el-radio-group size="mini" class="radioStyleGhost s3" v-model="type" @change="getManageInfo">
                    <el-radio-button :label="2">昨日</el-radio-button>
                    <el-radio-button :label="1">今日</el-radio-button>
                    <el-radio-button :label="3">七日</el-radio-button>
                </el-radio-group>
            </div>
        </div>

        <div class="mm contentWrap" v-loading="isLoading">
            <div class="ul">
                <div class="li">
                    <div class="t1">成交额(元)</div>
                    <div class="t2">￥{{manageInfo.orderAmount}}</div>
                    <div class="t3">较上周
                        <span class="rise" v-if="manageInfo.orderAmountRatio >=0">
                            +{{manageInfo.orderAmountRatio}}%
                        </span>
                        <span class="reduce" v-else>
                            {{manageInfo.orderAmountRatio}}%
                        </span>
                    </div>
                </div>

                <div class="li">
                    <div class="t1">支付转化率</div>
                    <div class="t2">{{manageInfo.payRate}}%</div>
                    <div class="t3">
                        较上周
                        <span class="rise" v-if="manageInfo.payRateRatio >=0">
                            +{{manageInfo.payRateRatio}}%
                        </span>
                        <span class="reduce" v-else>
                            {{manageInfo.payRateRatio}}%
                        </span>
                    </div>
                </div>


            </div>
            <div class="ul">


                <div class="li">
                    <div class="t1">订单数(笔)</div>
                    <div class="t2">{{manageInfo.orderCount}}</div>
                    <div class="t3">
                        较上周
                        <span class="rise" v-if="manageInfo.orderCountRatio >=0">
                            +{{manageInfo.orderCountRatio}}%
                        </span>
                        <span class="reduce" v-else>
                            {{manageInfo.orderCountRatio}}%
                        </span>
                    </div>
                </div>

                <div class="li">
                    <div class="t1">成交商品数(个)</div>
                    <div class="t2">{{manageInfo.productCount}}</div>
                    <div class="t3">
                        较上周
                        <span class="rise" v-if="manageInfo.productCountRatio >=0">
                            +{{manageInfo.productCountRatio}}%
                        </span>
                        <span class="reduce" v-else>
                            {{manageInfo.productCountRatio}}%
                        </span>
                    </div>
                </div>

                <div class="li">
                    <div class="t1">客单价(元)</div>
                    <div class="t2">{{manageInfo.memberOrderAmount}}</div>
                    <div class="t3">
                        较上周
                        <span class="rise" v-if="manageInfo.memberOrderAmountRatio >=0">
                            +{{manageInfo.memberOrderAmountRatio}}%
                        </span>
                        <span class="reduce" v-else>
                            {{manageInfo.memberOrderAmountRatio}}%
                        </span>
                    </div>
                </div>


                <div class="li">
                    <div class="t1">复购率</div>
                    <div class="t2">{{manageInfo.repurchaseRate}}%</div>
                    <div class="t3">
                        较上周
                        <span class="rise" v-if="manageInfo.repurchaseRateRatio >=0">
                            +{{manageInfo.repurchaseRateRatio}}%
                        </span>
                        <span class="reduce" v-else>
                            {{manageInfo.repurchaseRateRatio}}%
                        </span>
                    </div>
                </div>
            </div>

        </div>
    </div>

    <div class="cell">
        <div class="hh">热销商品</div>
        <div class="mm hotGoods">

            <div class="ul">

                <div class="li" v-for="(item,index) of hotGoodsList" :key="index">
                    <div class="border">
                        <el-popover popper-class="hotGoodsDetail" placement="top" title="" width="200" trigger="hover">

                            <div class="detail">
                                <div class="img">
                                    <imageBox :src="item.albumUrl" alt=""></imageBox>
                                </div>
                                <div class="name"> {{item.name}} </div>
                                <div class="sales">
                                    <span class="s1">售价：</span>
                                    <span class="s2">￥{{item.salePrice}}</span>
                                    <span class="s1">销量：</span>
                                    <span class="s2">{{item.orderSales}}</span>
                                </div>
                            </div>
                            <div class="showImg" slot="reference">
                                <div class="img">
                                    <imageBox :src="item.albumUrl" alt=""></imageBox>
                                </div>
                            </div>
                        </el-popover>

                    </div>


                </div>
            </div>
        </div>
    </div>
</div>